@font-face {
    font-family: 'KingthingsCalligraphica2Rg';
    src: url('../resources/fonts/Kingthings_Calligraphica_2-webfont.eot');
    src: url('../resources/fonts/Kingthings_Calligraphica_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fonts/Kingthings_Calligraphica_2-webfont.woff') format('woff'),
         url('../resources/fonts/Kingthings_Calligraphica_2-webfont.ttf') format('truetype'),
         url('../resources/fonts/Kingthings_Calligraphica_2-webfont.svg#KingthingsCalligraphica2Rg') format('svg');
    font-weight: normal;
    font-style: normal;

}

body 
{
    background-color: #F8F8F8; 
}

h3
{
    font-family: 'KingthingsCalligraphica2Rg', Arial, sans-serif;
    font-size: xx-large;	
}




#FinishedGames
{
    margin: auto;
    width: 80%;
    border-style:solid;
    vertical-align: top;
    min-width: 850px;
    /*
    background-image: url('../resources/images/Scroll.png');
    background-repeat:no-repeat;
    background-size:100%;
    */
}

#AllGames
{
    
    margin-left: 1%;
    width: 15%;
    border-style: solid;
    display: inline-block;
    height: 100%;
    overflow: auto;
    min-width: 100px;
}

#AllPlayers
{
    
    margin-left: 3%;
    width: 15%;
    vertical-align: top;
    border-style: solid;
    display: inline-block;
    min-width: 100px;
}

#CurrentGame
{
    margin-left: 9%;  /* 25%-15%-1%    */
    margin-left: 0%;
    width: 50%;
    vertical-align: top;

    border-style:dashed;
    display: inline-block;
}

#TopScroll
{
    margin: auto;
    margin-top: 1%;
    width: 90%;

}

#BottomScroll
{
    margin: auto;
    margin-top: 1%;
    width: 90%;

}

.allGames_buttonClass
{
    width: 100%; 
    opacity:0.25;
    
}.allGames_buttonClass:hover{
    cursor: pointer;
    opacity:1.0;
}
#allGames_buttonDown
{
    vertical-align: bottom;
    
}


.writingClass
{
    z-index: 2;
    width: 100%;
    font-family: 'KingthingsCalligraphica2Rg', Arial, sans-serif;
    font-size: x-large;
    border-style:inset;
    background-color: transparent;
    resize: none;
}

img#current_picture
{
    z-index: 2;
    width: 100%;
    border-style:inset;
}

#ButtonLeft
{
    margin-top: .5%;
    margin-left: 3%;
    display: inline-block;
    vertical-align:top;
    display: inline-block;
    opacity:0.25;
}#ButtonLeft:hover{
    cursor: pointer;
    opacity:1.0;
}

#ButtonRight
{
    margin-top: .5%;
    display: inline-block;
    vertical-align:top;
    opacity:0.25;
}#ButtonRight:hover{
    cursor: pointer;
    opacity:1.0;
}
